<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
    <h:head>
        <meta charset="utf-8"/>
        <title>Solution billeterie</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet"/>
        <link href="assets/css/main.css" rel="stylesheet"/>
        <style type="text/css">
            body {
                padding-top: 60px;
            }
        </style>
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />
        <link rel="shortcut icon" href="assets/ico/favicon.ico"/>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
        <!-- Google Fonts call. Font Used Open Sans -->
        
    </h:head>
    <h:body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="index.xhtml?faces-redirect=true"><img src="assets/img/logo-small.png" alt=""/> Solution Billetterie</a>
                    <ui:include src="header_1.xhtml" />
                </div>
            </div>
        </div>
        <!-- *********************************************************************************** -->
        <div class="container">
            <!-- CONTENT -->
            <div class="row-fluid">
                <br/>
                <!-- Invoice -->
                    <h:form id="form">
                        <p:growl  autoUpdate="true"  />
                         <p:messages   id="messages" showDetail="true" autoUpdate="true"/> 
                        <p:panel  header=""   >
                            <h:panelGrid style="text-align: center;font-size: x-small;width:90%;margin-left: 5%"    columns="4"   >
                                <c:forEach items="#{venteBean.evenements}" var="event">  
                                    <p:panel   style="height: 160px;"  header="#{event.id}">
                                        <h:outputText value="#{event.titre}" style="font-weight: bold;font-size: medium" /><br/>
                                        <h:outputText value="#{event.date}" style="font-weight: bold;font-size: large;color: red" />  
                                        <h:panelGrid columns="2">
                                            <h:outputText value="Gradins :#{venteBean.findStock1(event)}" />  
                                            <p:commandButton ajax="true" value="Acheter" oncomplete="dlg2.show();"    >
                                                <f:setPropertyActionListener  value="#{event}" target="#{venteBean.selectedEvent}"  />
                                            </p:commandButton>
                                            <h:outputText value="Chaises :#{venteBean.findStock(event)}" /> 
                                            <p:commandButton  value="Acheter" oncomplete="dlg21.show();" >
                                                <f:setPropertyActionListener  value="#{event}" target="#{venteBean.selectedEvent}"  />
                                            </p:commandButton>       
                                        </h:panelGrid>      
                                    </p:panel>  
                                </c:forEach>         
                            </h:panelGrid>
                        </p:panel>
                        <p:dialog id="modalDialog2"  header=" Ticket Chaise" widgetVar="dlg21" modal="true" height="100">  
                            <h:panelGrid columns="2">
                                <h:outputText value="Nombre billets:" /> 
                                <p:inputMask mask="9" value="#{venteBean.nbr}"
                                             style="text-align: left;font-size: small;width: 140px;"  />
                                 <p:commandButton  value="vendre" action="#{venteBean.vendre2()}" />
                            </h:panelGrid>
                        </p:dialog>
                        <p:dialog id="modalDialog"  header="Ticket gradins" widgetVar="dlg2" modal="true" height="100">  
                            <h:panelGrid columns="2">
                                <h:outputText value="Nombre billets:" /> 
                                <p:inputMask mask="9" value="#{venteBean.nbrPlaces}"
                                             style="text-align: left;font-size: small;width: 140px;"  />
                                <p:commandButton  value="vendre" action="#{venteBean.vendre()}" />
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>   
            </div><!-- /row -->
        </div>
      
    </h:body>
</html>